<template>
  <div id="app">
        <!-- 头部内容开始 -->
    <Nav></Nav>
    <!-- 头部内容结束 -->
    <!-- 菜单开始 -->
    <Menu
      v-on:threeListContainerRight="threeListContainerRight"
      v-on:towListContainerRight="towListContainerRight"
      v-on:isShow="isShowOne"
      v-on:containerListRight="containerListRight"
      v-on:listContainer="listContainerRight"
    ></Menu>
    <!-- 菜单结束 -->
    <!-- 内容部分开始 -->
    <Mian v-bind:isShow="isShow" v-bind:container="container"></Mian>
    <!-- 内容部分结束 -->
  </div>
</template>
<script>
//
//页面数据
import { lglGettingDataContainer } from "../util/http.js";
//引入组件
import Nav from "./courseChildren/nav"; //头部
import Menu from "./courseChildren/menu"; //菜单
import Mian from "./courseChildren/mian"; //内容

export default {
  // 组件名称
  name: "demo", // 组件参数 接收来自父组件的数据
  props: [],
  components: {
    Nav,
    Menu,
    Mian,
  },
  data() {
    return {
      //子组件接受的数据
      container: [],
      isShow: false,
      loading: false,
      finished: false,
      refreshing: false,
    };
  },
  computed: {},
  watch: {},
  methods: {
    //进入页面接受子组件的数据
    listContainerRight(data) {
      this.container = data.res;
      this.isShow = data.isShow;
    },
    isShowOne(data) {
      this.isShow = data;
    },
    containerListRight(data) {
      this.container = data.container;
      this.isShow = data.isShow;
    },
    towListContainerRight(data) {
      this.container = data;
    },
    threeListContainerRight(data) {
      this.container = data;
    },
  },

  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
};
</script> 
<style scoped>
#app {
  background: #fff;
}

/* 内容开始 */
</style>
